<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>HomePage_GuanZhu</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="../../../common/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
        <link href="../../../common/zui/css/zui.css" rel="stylesheet" />
        <link href="../../../common/zui/lib/datagrid/zui.datagrid.min.css" rel="stylesheet" type="text/css">
        <script src="../../../common/zui/js/zui.min.js"></script>
        <script src="../../../common/zui/lib/datagrid/zui.datagrid.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="../../../common/js/jQuery-3.3.1.js"></script>
        
        
         <link rel="stylesheet" href="../../../common/layui/css/layui.css">
         <script src="../../../common/layui/layui.js"></script>
         
        <meta name="renderer" content="webkit">
  		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 		
 		<link href="../../../common/css/GeRenHomePage/GuZhu.css" rel="stylesheet" type="text/css">
 		
 		
 		<script>
     		
     		$(document).ready(function(){
				
     			//alert(${sessionScope.gAndf});
     			
     			
     			if(${sessionScope.gAndf} == null || ${sessionScope.gAndf} == '9'){
     				$(".GuanZu_content_main_r_233").load("/common/showGuanZuKuang1?userid="+${user1.userId}+"&userid2="+${user.userId})
     				
     			}	
     			if(${sessionScope.gAndf} == '8'){
     				$(".GuanZu_content_main_r_233").load("/common/showFansKuang?userid="+${user1.userId}+"&userid2="+${user.userId})
     				
     			}
				
				//			*********************************************导航栏***********************************************	
			
				$(".GuanZu_content_main_l_daoHang").on("click",function(){
						$(".GuanZu_content_main_l_daoHang").removeClass("hongZhongDaoHang");
						$(".GuanZu_content_main_l_daoHang").removeClass("XuanZhongZiTi");
						
						
						$(".GuanZu_content_main_l_daoHang").addClass("WeiXuanZhongZiTi");
						$(".GuanZu_content_main_l_daoHang").addClass("background_white");
						
						$(this).removeClass("WeiXuanZhongZiTi");
						$(this).removeClass("background_white");
						$(this).addClass("hongZhongDaoHang");
						$(this).addClass("XuanZhongZiTi");
						
						
						if($(this).attr("name")=="guanzhu"){
								$(".My_li_box").removeClass("hongZhongDaoHang");
								$(".My_li_box").removeClass("XuanZhongZiTi");
							$(".GuanZu_content_main_r_233").load("/common/showGuanZuKuang1?userid="+${user1.userId})
							//alert(${user1.userId});
			     			//alert(${user.userId});
						}
						
						if($(this).attr("name")=="fenshi"){
							
							$(".My_li_box").removeClass("hongZhongDaoHang");
							$(".My_li_box").removeClass("XuanZhongZiTi");
							$(".GuanZu_content_main_r_233").load("/common/showFansKuang?userid="+${user1.userId}+"&userid2="+${user.userId})
							//alert(${user1.userId});
			     			//alert(${user.userId});
						}
						if($(this).attr("name")=="woguanzhuderen"){
							$(".My_li_box").removeClass("hongZhongDaoHang");
							$(".My_li_box").removeClass("XuanZhongZiTi");
							$(".GuanZu_content_main_r_233").load("/common/showGuanZuKuang3?userid="+${user1.userId}+"&userid2="+${user.userId})							
							//alert(${user1.userId});
			     			//alert(${user.userId});
						}
						
						
						
				})
				
				
				$(".My_li_box").on("click",function(){
						$(".My_li_box").removeClass("hongZhongDaoHang");
						$(".My_li_box").removeClass("XuanZhongZiTi");
						
						
						$(".My_li_box").addClass("WeiXuanZhongZiTi");
						$(".My_li_box").addClass("background_white");
						
						$(this).removeClass("WeiXuanZhongZiTi");
						$(this).removeClass("background_white");
						$(this).addClass("hongZhongDaoHang");
						$(this).addClass("XuanZhongZiTi");
				
						$(".GuanZu_content_main_l_daoHang").removeClass("hongZhongDaoHang");
						$(".GuanZu_content_main_l_daoHang").removeClass("XuanZhongZiTi");
						
						
						$(".GuanZu_content_main_l_daoHang").addClass("WeiXuanZhongZiTi");
						$(".GuanZu_content_main_l_daoHang").addClass("background_white");
						
						$(".guanlian1").removeClass("WeiXuanZhongZiTi");
						$(".guanlian1").removeClass("background_white");
						$(".guanlian1").addClass("hongZhongDaoHang");
						$(".guanlian1").addClass("XuanZhongZiTi");
						
						if($(this).attr("name")=="GongTongGuanZhu"){
							$(".GuanZu_content_main_r_233").load("/common/showGuanZuKuang2?userid="+${user1.userId}+"&userid2="+${user.userId})
							//alert(${user1.userId});
			     			//alert(${user.userId});
					}
						
				})
				
//			*********************************************模态框***********************************************	
				$(".addFenZu").on("shown.bs.modal", function() {
							$(".addFenZu").focus();
							$("#myModal").modal("hide");
							$(".modal-backdrop").remove();
						});
				
			})
     	</script>
    </head>
     	
    
    <body>
    	<div class="GuanZu_content_main">
    		<div class="GuanZu_content_main_l">
    			<ul class="DaoHang_ul">
    				<div class="background_white">
    				<div class="GuanZu_content_main_l_daoHang background_white guanlian1 daohang_height1" name="guanzhu">
    				
    					<li>
    						<p><i class="layui-icon layui-icon-username WeiXuanZhongZiTi" ></i>
    						<span class="W_f14 S_txt1" >Ta的关注</span></p>
    					</li>
    				</div>
    					<ul>
    						
    						<div class="My_li_box" name="GongTongGuanZhu">
    							<li><i class="layui-icon layui-icon-engine"></i>共同关注</li>
    						</div>
    						<div class="My_li_box">
    							<li><i class="icon icon-heart" name="GongTongGuanZhu"></i>兴趣主页</li>
    						</div>
    						
    					</ul>
    				
    				<div class="GuanZu_content_main_l_daoHang daohang_height2" name="fenshi">
    					<li>
    						<i class="layui-icon layui-icon-user WeiXuanZhongZiTi" ></i>
    						<span>Ta的粉丝</span>
    					</li>
    				</div>
    					
    				<div class="GuanZu_content_main_l_daoHang  daohang_height2" name="woguanzhuderen">
    					
    					<li>
    						<i class="layui-icon layui-icon-engine"></i>
    						<span>我关注的人也关注Ta</span>
    					</li>
    					
    				</div>
    			
    			</div>
    			</ul>
    		</div>
    		
    		<div class="GuanZu_content_main_r">
    			<div class="GuanZu_content_main_r_233">
    			
    			</div>
    		
    		</div>
    	</div>
    	
    	<!--模态框1////////*************************************************************************************************************************************************************************************************-->
  		<div><div><form action="${path}chuangjiangedan">	
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  								
  								<div class="modal-dialog" role="document">
   								<div class="modal-content">
     							<div class="modal-header">
       							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        						<h4 class="modal-title" id="myModalLabel">添加职业信息</h4>
      							</div>
      						
      							<div class="modal-body">
       							 	
      							</div>
      							<div class="modal-footer">
        							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        							<button type="submit" class="btn btn-primary xingjian ">确定</button>
      							</div>
      						
    					</div>
    	</form>
		</div></div>
		<!--模态框1////////*************************************************************************************************************************************************************************************************-->

 	</body>
</html>